.mz-vote-background {
    background: white;
}

.mz-vote-background .mz-vote-empty {
    min-height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mz-vote-background .mz-vote-content {
    padding: 0 0.4rem;

    display: flex;
    flex-direction: column;
}

.mz-vote-background .mz-vote-content .mz-vote-name {
    font-size: 0.28rem;
    color: #242526;
    letter-spacing: 0;
    line-height: 0.5rem;
    padding: .15rem 0;
    text-align: left;
}

.mz-vote-background .mz-vote-content .mz-vote-intro {
    display: flex;
    flex-direction: row;

    padding-bottom: .15rem;
    border-bottom: 0.02rem solid #ddd;
    margin-bottom: .28rem;
}

.mz-vote-background .mz-vote-content .mz-vote-intro .mz-vote-select-type {
    font-size: .24rem;
}

.mz-vote-background .mz-vote-content .mz-vote-intro .mz-vote-expired-time {
    flex: 1;
    font-size: .24rem;
    color: #e43622;
    text-align: right;
}

.mz-vote-background .mz-vote-content .vote-image-background {
    background: white;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}

.mz-vote-background .mz-vote-content .vote-image-background .vote-image-item {
    display: flex;
    flex-direction: column-reverse;
    background: white;

    position: relative;

    border: 0.02rem solid #f6f6f6;
    border-radius: .08rem;
    overflow: hidden;
    margin: 0.16rem 0.12rem;
    width: 45.7%;
}

.mz-vote-background .mz-vote-content .vote-image-background .vote-image-item .percent-count {
    background-image: linear-gradient(90deg, #f76a1c 0, #f8a23e 100%);
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .85rem;
    height: 0.64rem;

    display: flex;
    justify-content: center;
    align-items: center;
}

.mz-vote-background .mz-vote-content .vote-image-background .vote-image-item .percent-count.other {
    background: rgba(0,0,0,0.5);
}

.mz-vote-background .mz-vote-content .vote-image-background .vote-image-item .vote-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    flex: 1;
}

.mz-vote-background .mz-vote-content .vote-image-background .vote-image-item .vote-image-title-background {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.85rem;
    overflow: hidden;
}

.mz-vote-background .mz-vote-content .vote-image-background .vote-image-item .vote-image-title-background .vote-image-title {
    color: #2b2b2b;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin: 0.1rem;
    line-height: 0.375rem;
}

.mz-vote-background .mz-vote-content .vote-image-background .vote-image-item .image-vote-s-button {
    width: 0.36rem;
    height: 0.36rem;
    position: absolute;
    top: 0.24rem;
    right: 0.24rem;
}

.mz-vote-background .mz-vote-content .vote-image-background .vote-image-item .image-vote-select {
    background-image: url('../../../../assets/images/radio-checked.png');
    background-size: 0.36rem 0.36rem;
}

.mz-vote-background .mz-vote-content .vote-image-background .vote-image-item .image-no-vote-select {
    background-image: url('../../../../assets/images/radio-default.png');
    background-size: 0.36rem 0.36rem;
}

.mz-vote-background .mz-vote-content .vote-text-background {
    background: white;
}

.mz-vote-background .mz-vote-content .vote-text-background .vote-text-item {
    display: flex;
    flex-direction: row;
    align-items: center;

    margin: .2rem 0;
    position: relative;
    line-height: inherit !important;
    min-height: .66rem;
    z-index: 0;

    padding: 0 0.24rem 0 0.24rem;
}

.mz-vote-background .mz-vote-content .vote-text-background .vote-text-item .percent-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    background-image: linear-gradient(90deg, #f76a1c 0, #f8a23e 100%);
}

.mz-vote-background .mz-vote-content .vote-text-background .vote-text-item .percent-bg.other {
    background: #eaeaea;
}

.mz-vote-background .mz-vote-content .vote-text-background .vote-text-item .vote-text {
    max-width: 90%;
    line-height: .3rem;
    flex: 1;
    text-align: left;
    color: #2b2b2b;
    padding: 0.12rem 0rem;
}

.mz-vote-background .mz-vote-content .vote-text-background .vote-text-item .vote-count {
    color: #6f6f6f;
    text-align: right;
    width: 10%;
}

.mz-vote-background .mz-vote-content .vote-text-background .vote-text-item .text-vote-s-button {
    width: 0.36rem;
    height: 0.36rem;
}

.mz-vote-background .mz-vote-content .vote-text-background .vote-text-item .text-vote-select {
    background-image: url('../../../../assets/images/radio-checked.png');
    background-size: 0.36rem 0.36rem;
}

.mz-vote-background .mz-vote-content .vote-text-background .vote-text-item .text-no-vote-select {
    background-image: url('../../../../assets/images/radio-default.png');
    background-size: 0.36rem 0.36rem;
}


.mz-vote-background .mz-vote-content .vote-control {
    text-align: center;
}

.mz-vote-background .mz-vote-content .vote-control .vote-note {
    font-size: 12px;
    color: #6f6f6f;
    padding: 10px 0;
}

.mz-vote-background .mz-vote-content .vote-control .vote-to-vote {
    color: #fff;
    background: #ff5b29;
    border-radius: 4px;
    line-height: 45px;
    margin: 0 auto .3rem auto;
}